@import "../../../../base/base";

.scoreDistribute {
  display: flex;

  .score {
    width: 100px;
    text-align: center;

    &__value {
      font-size: 34px;
      color: $black;
      font-weight: 500;
    }

    &__desc {
      color: $gray;
      font-size: 12px;
    }
  }

  .distribute {
    flex: 1;

    &__item {
      height: 8px;
      display: flex;
      align-items: center;

      &:nth-child(n + 2) {
        margin-top: 2px;
      }
    }

    &__btm {
      flex: 1;
      margin-left: 10px;
      width: 100%;
      height: 4px;
      background-color: #ccc;
    }

    &__top {
      height: 100%;
      background-color: #000;
    }
  }
}
